<template>
    <div>
        <h1>我是count</h1>
        <h2>我的count的值是{{count}}</h2>
        <h3>我的price的值是{{price}}</h3>
        <button @click="addcount">点击加1</button>
        <button @click="addcountN({n:2,m:3})">点击加2+3并且减少price2+3</button>

    </div>
</template>

<script>
import { mapMutations, mapState } from 'vuex'
export default {
    name:"Count",
    computed:{
        count(){
            return this.$store.state.count.count
        },
        // ...mapState("count",["count"]),
        ...mapState("count",["price"])
    },
    methods:{
        addcountN({n,m}){
            //使用commit的的方法 来调用 mutation内部函数，然后修改数据
            //如果使用模块化 就要使用命名空间的方法 才能找到对应的名字
            this.$store.commit("count/addcountN",{n,m})
        },
        ...mapMutations("count",["addcount"])
    }
}
</script>

<style>
</style>